<script>
export default{
  data(){
    return{
      active: 2
    }
  }
}
</script>
<template>
  <router-view />
  <van-tabbar route v-model="active">
    <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/add" icon="search">添加</van-tabbar-item>
    <van-tabbar-item replace to="/show" icon="search">展示</van-tabbar-item>
    <van-tabbar-item replace to="/mine" icon="setting-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<style>
.van-tabbar-item--active{
  color: rgb(19, 193, 228);
}

:root:root{

}
</style>